草庐IT

vue2 jest

全部标签

javascript - 在 Vue.js 中使用 Flow.js

我正在尝试使用flow.js与vue.js但我遇到了让它在.vue文件中工作的问题。我运行了vueinitwebpack、npminstall-gflow-bin,然后是npminstall和npmrundev.我能够在我的.flowconfig中忽略我的node_modules中的错误文件,但是当我尝试将//@flow添加到我的src/main.js文件的顶部时,我得到了跟随错误src/main.js:33:importAppfrom'./App';^^^^^^^./App.Requiredmodulenotfound我已经尝试将//@flow符号添加到我的src/App.vue文件

javascript - 编写依赖父构建工具的 Vue 组件的正确方法

Iimaginethisproblemwouldapplytootherframeworksthathaveabitofaplugin/componentecosystemaboutthemthatrelyonspecificbuildtools(ReactcomponentswithJSX,etc).Vueisjustmyuse-case.我以单个.vue文件的形式编写了多个Vue组件,这些组件已发布到NPM。这些组件的package.json没有列出任何依赖项,因为它们本身旨在在使用webpack、vue-loader、sass-loader等的父项目中运行。Thisisanexa

javascript - [Vue 警告] : Invalid prop: type check failed for prop "X". 预期,得到字符串

给定这个Vue2组件:Vue.component('read-more',{props:{'text':String,'clamp':{type:String,default:'ReadMore'},'less':{type:String,default:'ReadLess'},'length':{type:Number,default:100}},template:`{{truncate(text)}}=length"@click="toggle()">{{clamp}}{{text}}=length">{{less}}`,methods:{truncate(string){if(s

javascript - 使用 Vue.js 的 Firebase 电话号码身份验证不起作用

我正在基于Webpacktemplate构建一个新的Vue.js应用程序.我有一个/sign-in路由,它加载一个名为SignIn的组件。我正在尝试使用FirebasePhoneNumberauthentication使用FirebaseSDK对我的用户进行身份验证。我已经使用npminstallfirebase安装了Firebase,并在我的main.js文件中对其进行了初始化,如下所示:/src/main.jsimportfirebasefrom'firebase';importVuefrom'vue';importAppfrom'./App';importrouterfrom'.

javascript - Jest 使用 Express 应用程序检测打开句柄

一段时间以来,我一直在努力解决这个问题,但没有成功。我最初在使用MongoDB数据库执行简单的集成测试时遇到了问题,但我已经剥离了代码并使其尽可能简单。我唯一运行的是一个测试文件://blah.test.jsconstexpress=require('express');constapp=express();describe('testblock',()=>{letserver=null;beforeEach(()=>{server=app.listen(3000,()=>console.log('Listeningonport3000'));});afterEach(async()=

javascript - 使用 browserify 异步/延迟加载 Vue 组件

我试图在laravel项目中将许多Vue.js组件加载到我的app.js文件中(通过elixir使用browserify/vueify)。我不想一次加载每个组件,而是想在需要时使用vuerouter延迟加载各个vue组件。.我在哪里设置partitionbundlejson文件,它应该如何构建?目前,我将以下内容绑定(bind)到我的主要app.js文件中:importVuefrom'vue';importResourcefrom'vue-resource';importVueRouterfrom'vue-router';//ThesearethecomponentsthatIwish

javascript - 如何在 Vue.js 中测试计算属性?无法模拟 "data"

我想知道如何在Vue.js的单元测试中测试计算属性。我已经通过vue-cli(基于webpack)创建了一个新项目。例如这是我的组件:exportdefault{data(){return{source:[]}},methods:{removeDuplicates(arr){return[...newSet(arr)]}},computed:{types(){returnthis.removeDuplicates(this.source))}}}我试过这样测试it('shouldremoveduplicatesfromarray',()=>{constarr=[1,2,1,2,3]co

javascript - 使用 react-router v4、Jest 和 Enzyme 测试组件

我有一个使用react-router的简单组件(我知道这是alpha版本):{props.app&&props.app.health&&}建议在中包装的文档在测试时为组件提供上下文。但是,使用Jest/Enzyme我无法shallow()渲染-我必须使用enzyme的mount()或render(),这会导致问题,因为HomeLogin是一个连接的组件-我希望能够测试我的组件是否呈现正确的内容,但不测试其中呈现的组件。我的测试:it('Rendersbaseduponmatchedroute',()=>{letprops={app:{health:true},};constcompon

javascript - 为什么 Jest 不会运行? "TypeError: environment.setup is not a function"

真的在这里战斗。MyCircleCI测试失败了FAIL./App.test.js●TestsuitefailedtorunSyntaxError:Unexpectedtoken)我尝试在我的机器(CRNA机器)上本地运行Jest,但出现以下错误:TypeError:environment.setup不是函数所以这两个似乎都是Node版本/ES6/babel问题,对吧?我之前遇到过一些错误(Pathwasexpectingstring等),我通过安装jest-cli和更改Node版本等解决了这些错误。我现在在:Nodev8.9.1npm5.5.1但现在我完全被难住了。所以:TypeErr

javascript - Jest 模拟一个yaml文件

我有一个yaml文件,其中包含一些配置信息,我在要测试的模块中使用它。但是当我测试它时我想模拟它所以它只有简化和静态数据,所以它很容易测试并且如果配置发生变化我不必编辑测试。到目前为止,这是我尝试过的://config/index.jsconstyaml=require('js-yaml');constfs=require('fs');constpath=require('path');constfilePath=path.join(__dirname,'stuff.yaml');module.exports={getStuff(){returnyaml.safeLoad(fs.rea